<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page isELIgnored="false" %>

<style>
    .manage_list a {
        color: black;
    }

    .manage_list {
        text-align: center;
        background-color: white;
        border: 1px solid #ddd;
        top: 0;
        display: none;
        /*font-size: 18px;*/
    }

    .manage_list li {
        padding: 0 7px;
        margin-top: 32px;
        margin-bottom: 8px;
    }

    .manage_list li:hover a {
        color: #0f8cca;
    }

</style>
<header class="head">
    <section class="head-content">
        <div class="head-left">
            <img src="/sources/dist/image/register/logo.png" alt="logo">
            <a href="javascript:;">安全鱼</a>
        </div>
        <div class="head-right">
            <span style="position: relative;"><a href="/indexAction/admin/index" class="">管理中心</a></span>
            <ul class="manage_list" style="position: absolute;z-index: 2">
                <a href="/indexAction/admin/index" style="margin-top: 18px;display: inherit;">管理中心</a>
                <li><a href="/indexUserAction/user/lookAccount">账号管理</a></li>
                <li><a href="/logoutAction/admin/logout">退出</a></li>
            </ul>
        </div>
    </section>
</header>
<script>
    window.onload = function () {
        document.getElementsByClassName('head-right')[0].addEventListener('mouseover', function () {
            document.getElementsByClassName('manage_list')[0].style.display = 'block';
        });
        document.getElementsByClassName('head-right')[0].addEventListener('mouseout', function () {
            document.getElementsByClassName('manage_list')[0].style.display = 'none';
        })
    };
</script>